<nz-layout class="right-layout">
  <nz-content>
    <div class="inner-content">
      <div nz-row>
        <div nz-col nzSpan="24" style="height: 400px">
          <div>
            <label>请输入上规格线：</label
            ><input nz-input placeholder="请输入上规格线" [(ngModel)]="formMeanUSpecLine" style="width: 120px; margin-right: 20px" />
            <label>请输入下规格线：</label
            ><input nz-input placeholder="请输入下规格线" [(ngModel)]="formMeanLSpecLine" style="width: 120px; margin-right: 20px" />
            <button nz-button nzType="primary" (click)="onSetmedianSpecLine()">设置</button>
          </div>
          <div id="lineChartMedian" style="height: 100%"></div>
        </div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="24" style="height: 400px">
          <div id="lineChartRange" style="height: 100%"></div>
        </div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="24">
          <nz-table
            *ngIf="tableDataSourceCollection?.arr?.length > 0"
            [nzData]="tableDataSourceCollection?.arr"
            [nzFrontPagination]="false"
            [nzScroll]="{ x: '' + xScroll + 'vh' }"
          >
            <thead>
              <ng-container *ngFor="let data of tableDataSourceCollection?.arr; let i = index">
                <tr *ngIf="data.attribute == 'thIndex'">
                  <th [nzLeft]="true">序号</th>
                  <th style="white-space: nowrap" *ngFor="let item of data?.result"> {{ item }}</th>
                </tr>
              </ng-container>
            </thead>
            <tbody>
              <ng-container *ngFor="let data of tableDataSourceCollection?.arr; let i = index">
                <tr *ngIf="data.attribute != 'thIndex'">
                  <td [nzLeft]="true" style="white-space: nowrap">
                    {{ data.attribute }}
                  </td>
                  <td style="white-space: nowrap" *ngFor="let item of data?.result"> {{ item }}</td>
                </tr>
              </ng-container>
            </tbody>
          </nz-table>
        </div>
      </div>
    </div>
  </nz-content>
</nz-layout>
